<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<html>
<head>
    <meta charset="utf-8">
    <title>通知公告</title>
    <link rel="stylesheet" href="./css/header.css" th:href="@{/css/header.css}"/>
    <link rel="stylesheet" href="./css/footer.css" th:href="@{/css/footer.css}"/>
    <!-- <link rel="stylesheet" href="./css/bootstrap.css" /> -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link rel="stylesheet" href="./css/kj.css" th:href="@{/css/kj.css}"/>

    <style>
        .page-div {
            float: right;
            margin-right: 13px;
        }

        #currentPage {
            max-width: 40px;
            text-align: center;
            color: red;
        }
    </style>
</head>
<body>
<!-- header start -->
<div id="header">
    <div class='header-wrap'>
        <div class='header'>
            <div class='header-right'>
                <ul class='header-list'>
                    <li><a href=''><span style='font-size: x-small;'>设为首页</span></a>
                    </li>
                    <li><a onclick='add()'><span style='font-size: x-small;'>加入收藏
						</span></a></li>
                    <li><a href=''><span style='font-size: x-small;'>联系我们</span></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class='header-nav'>
            <div class='header-school-logo' style='margin-left: 10px;'>
                <img src='../static/img/logo.png' th:src="@{/img/logo.png}" alt='' width='20%'
                     style='min-width: 130px;'>
                <img src='../static/img/title.png' th:src="@{/img/title.png}" alt='' width='30%'
                     style='min-width: 130px;'>
            </div>
            <div class='header-navbar' id='rq'>
                <ul class='nabbar-list' id='zrq'>
                    <li><a href='index.html' th:href="@{/index}">学院首页</a></li>
                    <li><a href='xueyuangaikuang.html' th:href="@{/toXueYuanGaiKuang}">学院概况</a></li>
                    <li><a href='shiziduiwu.html' th:href="@{/toShiziduiwu}">师资队伍</a></li>
                    <li><a href="#">人才培养</a>
                        <ul>
                            <li><a class='rc' href='rencaipeiyang_benke.html' th:href="@{/toRencaipeiyang_benke}">
                                &nbsp;本科招生&nbsp;&nbsp;
                            </a></li>
                            <li><a class='rc' href='rencaipeiyang_yanjiusheng.html'
                                   th:href="@{/toRencaipeiyang_yanjiusheng}">
                                研究生招生
                            </a></li>
                        </ul>
                    </li>
                    <li><a href='kexueyanjiu.html' th:href="@{/toKexueyanjiu}">科学研究</a></li>
                    <li><a href='tuanduigongzuo.html' th:href="@{/toTuanduigongzuo}">团队工作</a></li>
                    <li><a href='zhaoshengjiuye.html' th:href="@{/toZhaoshengjiuye}">招生就业</a></li>
                    <li><a href='hezuojiaoliu.html' th:href="@{/toHezuojiaoliu}">交流合作</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- header end -->

<div class="content">
    <div class="content-header">
        <span style="color: white;font-size:35px">电气工程学院</span><br>
        <span style="color: white;font-size:50px;font-weight: bold;">师资队伍</span><br>
        <button type="button" class="self-btn">学院简介</button>
    </div>
</div>
<br>
<div class="row" style="margin-left: 0px;margin-right: 12px;">
    <div class="col">
        <div class="container">
            <ul class="nav nav-pills">
                <li class="nav-item">
                    <a class="nav-link active" style="background-color: #002B5E;" href="#">通知公告</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="col">
        <div class="container-fluid" style="margin: 0px;padding: 0px;">
            <div style="text-align: right;padding-right: 3px;">
                <a href="#" style="font-size: 20px;">首页</a>
                <span style="font-size: 20px;">&nbsp;&nbsp;>&nbsp;&nbsp;</span>
                <a href="#" style="font-size: 20px;">通知公告</a>
            </div>
        </div>
    </div>
</div>
</div>


<div class="col-md-12" style="margin-top: 15px;margin-left: 10px;margin-right:15px;">
    <div class="div-line"></div>
    <span style="font-size: 20px;font-weight:bold;">通知公告</span>
    <div class="page-div">
        共<span style="color: red;">8</span>条数据<span style="color: red;">1</span>页
        <button type="button" class="btn-sm btn-info">上一页</button>
        第<input type="text" id="currentPage" value="1"/> 页
        <button type="button" class="btn-sm btn-info">下一页</button>
    </div>
    <div class="div-content" style="height: 100%;">

        <table class="table table-hover text-center" width="100%">
            <tr>
                <th>编号</th>
                <th>分类</th>
                <th>标题</th>
                <th>日期</th>
                <th>点击次数</th>
            </tr>
            <tr th:each="item,userStat : ${articleList}">
                <td th:text="${userStat.count}">1</td>
                <td>[通知公告]</td>
                <!--http://localhost:8080/dianqi/article/b870abb1-c760-45f1-8828-55bd98111ec3-->
                <td><a href="#" th:href="@{/article/}+${item.id}">[[${item.title}]]</a></td>
                <td th:text="${#dates.format(item.date,'yyyy-MM-dd HH:mm:ss')}">2020-09-01</td>
                <td><span class="text-danger" th:text="${item.views}">87</span>&nbsp;次点击</td>
            </tr>
        </table>

    </div>

</div>
<br><br><br><br>
<!-- footer start -->
<div id="footer">
    <div class='footer'>
        <div class='footer-school-logo'><img src='../img/logo.png' th:src="@{/img/logo.png}" alt='' width='20%'
                                             style='min-width: 70px;'><img
                src='../img/title.png' th:src="@{/img/title.png}" alt='' width='30%' style='min-width: 160px;'><img
                src='../img/weichat.jpg' th:src="@{/img/weichat.jpg}"
                class='weichat' alt=''
                width='10%'
                style='min-width: 80px;'></div>
        <div class='footer-line'></div>
        <div class='footer-text-div'><span class='footer-text'>版权所有: 河南科技大学电气工程学院</span><br><span
                class='footer-text'>地址: 河南省洛阳市洛龙区263号</span>
            <p id='z' class='display'></p><span class='footer-text' style='margin-left: 140px;'>邮编: 471023</span>
        </div>
    </div>
</div>
<!-- footer end -->
</body>
</html>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.2/jquery.js"></script>
<script src="/js/index.js" th:src="@{/js/index.js}"></script>
<script src="/js/kj.js" th:src="@{/js/kj.js}"></script>
<script>

</script>
